<template>
    <div>
        <a-row>
        <a-col :span="24">
          <label class="big-font-size" style="color: #333"><b>订单总价:</b></label>
          <span>{{tradeDetailInfos.currencyCode}}</span><b>&nbsp;&nbsp;{{tradeDetailInfos.totalPrice}}</b>
        </a-col>
        <a-col :span="24">
          <a-col :span="6">
            <label>商品总价:</label>
            <span>{{tradeDetailInfos.currencyCode}}</span>&nbsp;&nbsp;{{tradeDetailInfos.goodsPrice}}
          </a-col>
          <a-col :span="6">
            <label>运费:</label>
            <span>{{tradeDetailInfos.currencyCode}}</span>&nbsp;&nbsp;{{tradeDetailInfos.shippingFee}}
          </a-col>
          <a-col :span="6">
            <label>礼品包装费:</label>
            <span>{{tradeDetailInfos.currencyCode}}</span>&nbsp;&nbsp;{{tradeDetailInfos.giftWrapPrice}}
          </a-col>
          <a-col :span="6">
            <label>税费:</label>
            <span>{{tradeDetailInfos.currencyCode}}</span>&nbsp;&nbsp;{{tradeDetailInfos.taxFee}}
          </a-col>
        </a-col>
      </a-row>
      <a-row>
        <a-col :span="24">
          <a-col :span="6">
            <label class="profit">利润:</label>
            <span class="profit">{{tradeDetailInfos.profit}}</span>
          </a-col>
          <a-col :span="6">
            <label>
              <a-tooltip title="利润率=(收入合计-支出合计)/收入合计*100%">
                <span class="profit">利润率:<a-icon type="exclamation-circle" /></span>
              </a-tooltip>
            </label>
            <span class="profit">{{tradeDetailInfos.profitRate}}</span>
          </a-col>
          <a-col :span="6">
            <label>汇率:</label>
            <span>{{tradeDetailInfos.currencyCode}}/RMB= {{tradeDetailInfos.exchangeRate}}</span>
          </a-col>
          <a-col :span="6">
            <label>发货重量(预估):</label>
            <span>{{tradeDetailInfos.deliveryWeight}}</span>
          </a-col>
        </a-col>
      </a-row>
      <a-row>
        <a-col :span="24">
          <label class="big-font-size"><b style="color: #f59a23">收入:</b></label>
          <span style="color: #f59a23">￥&nbsp;{{tradeDetailInfos.income}}</span>
        </a-col>
        <a-col :span="24">
          <a-col :span="6">
            <label>商品总价:</label>
            ￥{{tradeDetailInfos.incGoodsPrice}}
          </a-col>
          <a-col :span="6">
            <label>运费:</label>
            ￥{{tradeDetailInfos.incShippingFee}}
          </a-col>
          <a-col :span="6">
            <label>礼品包装费:</label>
            ￥{{tradeDetailInfos.incGiftWrapPrice}}
          </a-col>
        </a-col>
      </a-row>
      <a-row>
        <a-col :span="24">
          <label class="big-font-size"><b style="color: #f59a23">支出:</b></label>
          <span style="color: #f59a23">￥&nbsp;{{tradeDetailInfos.expenses}}</span>
        </a-col>
        <a-col :span="24">
          <a-col :span="6">
            <label>佣金费:</label>
             ￥{{tradeDetailInfos.expCommissionFee}}
          </a-col>
          <a-col :span="6">
            <label>采购成本:</label>
            ￥{{tradeDetailInfos.expPurFee}}
          </a-col>
          <a-col :span="6">
            <label>采购运费:</label>
            ￥{{tradeDetailInfos.expPurShippingFee}}
          </a-col>
          <a-col :span="6">
            <label>采购税费:</label>
            ￥{{tradeDetailInfos.expPurTaxFee}}
          </a-col>
          <a-col :span="6">
            <label>包材费:</label>
            ￥{{tradeDetailInfos.expPackageFee}}
          </a-col>
          <a-col :span="6">
            <label>头程运费:</label>
            ￥{{tradeDetailInfos.expFirstLegFee}}
          </a-col>
          <a-col :span="6">
            <label>头程关税:</label>
            ￥{{tradeDetailInfos.expFirstLegTax}}
          </a-col>
          <a-col :span="6">
            <label>FBA费用:</label>
            ￥{{tradeDetailInfos.expFbaFee}}
          </a-col>
          <a-col :span="6">
            <label>派送运费:</label>
            ￥{{tradeDetailInfos.expDispatchFee}}
          </a-col>
          <a-col :span="6">
            <label>税费:</label>
            ￥{{tradeDetailInfos.expTaxFee}}
          </a-col>
          <a-col :span="6">
            <label>单票费:</label>
            ￥{{tradeDetailInfos.expSingleVoteFee}}
          </a-col>
        </a-col>
      </a-row>
    </div>
</template>
<script>
export default {
  name: 'transactionDetail',  //交易明细
  props:{
    tradeInfos:{
      type:Object,
      default:()=>{}
    }
  },
  data() {
    return {}
  },
  computed:{
    tradeDetailInfos(){
      return Object.assign({},this.tradeInfos)
    },
  },
}
</script>
<style lang="less" scoped>
/deep/.ant-row {
  color: rgba(0,0,0,.65);
  // margin: 10px 0;
}
label {
  // margin-right: 8px;
  color: rgba(0,0,0,.85);
}
.profit{
  color: #63a103 !important;
}
</style>